import React from "react";
import PropTypes from 'prop-types'

export default class PropsTyepsDemo extends React.Component {

  //  2. 在类里面，写 static 关键字来表示这个属性时类的静态属性，

  static propTypes = {
    count: PropTypes.number,
    title: PropTypes.string,
  }
  // 3. 定义props的默认值
  static defaultProps = {
    count: 100,
    title: 'hello world'
  }

  // propTypes， defaultProps 这两个属性的命名时固定的。不要写错！！
  render() {
    // console.log(this.props);
    const { count, title } = this.props;
    return (
      <div>
        count: {count}
        <br />
        title: {title}
      </div>)
  }
}

// 1. 给类添加一个静态的propTypes属性：
// PropsTyepsDemo.propTypes = {
//   count: PropTypes.number,
//   title: PropTypes.string,
// }
